<template>
  <div class="reports">
    <div class="lunbo"><lunbo></lunbo></div>
    <div class="migration">
      <h4 class="title">订单来源</h4>
      <migration></migration>
    </div>
    <div class="bing">
      <h4 class="title">销售额统计</h4>
      <bing></bing>
    </div>
  </div>
</template>
<script>
import lunbo from './lunbo'
import migration from './migration'
import bing from './bing'
export default {
  components: {
    migration,
    lunbo,
    bing
  }
}
</script>
<style lang="less" scoped>
.reports {
  // margin: -20px;
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  overflow: hidden;
  height: 100%;
  background: url('../../assets/images/bg.jpg');
  .migration {
    .title {
      color: #ffff;
      text-align: center;
    }
  }
}
.bing {
  margin-right: 20px;
}
.lunbo {
  background-color: transparent;
}
.bing {
  .title {
    color: #ffff;
    margin-bottom: 70px;
  }
}
</style>
